import logo from '@/assets/vue.svg'

export interface LayoutType {
  id: string
  key: 'mix' | 'side' | 'top'
  title: string
  inverted?: boolean
  dark?: boolean
}
export interface LayoutTheme {
  title?: string
  layout: 'mix' | 'side' | 'top'
  layoutStyle:  'light' | 'dark'
  headerHeight: string
  logo?: string
  siderWidth: string
  siderCollapsedWidth: string
  showSiderTrigger: boolean | 'bar' | 'arrow-circle'
  collapsed: boolean
  theme: string
  fixed: boolean
}

export const layoutThemeConfig: LayoutTheme = {
  title: '安工 elementPlus admin',
  layout: 'mix',
  layoutStyle: 'light',
  headerHeight: '48px',
  logo,
  siderWidth: '240px',
  siderCollapsedWidth: '64px',
  showSiderTrigger: 'bar',
  collapsed: false,
  theme: 'default',
  fixed: true,
}
